<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>健身中心</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">健身中心</div>
            <ul class="nav-links">
                <li><a href="#">首页</a></li>
                <li><a href="#trainers">教练</a></li>
                <li><a href="#pricing">价格</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </nav>
        <div class="hero">
            <div class="hero-text">
                <h1>开启你的健身之旅</h1>
                <p>专业教练指导，个性化训练计划</p>
                <a href="#pricing" class="cta-btn">查看价格</a>
            </div>
        </div>
    </header>

    <section id="trainers" class="trainers-section">
        <h2>我们的教练</h2>
        <div class="trainers-container">
            <div class="trainer-card">
                <img src="images/trainer1.jpg" alt="教练1">
                <h3>张教练</h3>
                <p>10年健身经验，擅长力量训练</p>
            </div>
            <div class="trainer-card">
                <img src="images/trainer2.jpg" alt="教练2">
                <h3>李教练</h3>
                <p>瑜伽专家，5年教学经验</p>
            </div>
        </div>
    </section>

    <section id="pricing" class="pricing-section">
        <h2>价格方案</h2>
        <div class="pricing-container">
            <div class="price-card">
                <h3>基础套餐</h3>
                <p class="price">¥299/月</p>
                <ul>
                    <li>每周3次团体课程</li>
                    <li>基础器械使用</li>
                    <li>免费体测</li>
                </ul>
                <a href="#" class="cta-btn">立即加入</a>
            </div>
            <div class="price-card">
                <h3>高级套餐</h3>
                <p class="price">¥599/月</p>
                <ul>
                    <li>每周5次团体课程</li>
                    <li>所有器械使用</li>
                    <li>私人教练指导</li>
                </ul>
                <a href="#" class="cta-btn">立即加入</a>
            </div>
        </div>
    </section>

    <footer>
        <p>© 2025 健身中心. 保留所有权利</p>
    </footer>
</body>
</html>
